<template>
	<div class="awaitBox">
		<img src="@/assets/image/awaitImages.png" class="awaitImages" alt="">
		<div>
			<div class="LOADING">LOADING...</div>
			<div class="awaitText">页面正在开发，你可以<el-button type="text" class="goBackBtn" @click="$router.back()">返回上一页</el-button></div>
		</div>
	</div>
</template>

<script>
	export default{
		mounted() {
			webSocket.webSocketClose()
		},
	}
</script>

<style scoped="scoped">
	.awaitBox{
		width: 100%;
		height: 100vh;
		overflow: hidden;
		background: #BCDEC6;
		position: relative;
		justify-content: space-evenly;
		flex-wrap: nowrap;
		align-items: center;
		display: flex;
		padding: 330px 400px;
	}
	.awaitImages{
		width: 530px;
		height: 330px;
	}
	.LOADING{
		color: #333333;
		font-size: 60px;
	}
	.awaitText{
		color: #333333;
		font-size: 24px;
	}
	.goBackBtn{
		margin-left: 10px;
		font-size: 16px;
	}
</style>
